<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link href="../css/commons.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link href="../css/userOrder_v2.css" rel="stylesheet" />
</head>
<body>
<!--
    作者：lwy
    时间：2017-09-20
    描述：用户/我的订单
-->
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <!--<h1 class="mui-title">我的订单</h1>-->
    <ul class="mui-clearfix">
        <li class="order_act" id="online">线上订单</li>
        <li id="outline">线下订单</li>
    </ul>
</header>

<div class="swiper-container" id="topNav">
    <div class="swiper-wrapper">
        <div class="swiper-slide active" stateValue=""><span>全部</span></div>
        <div class="swiper-slide" stateValue="4"><span>待发货</span></div>
        <div class="swiper-slide" stateValue="5"><span>待收货</span></div>
        <div class="swiper-slide" stateValue="6"><span>待做单</span></div>
        <div class="swiper-slide" stateValue="2"><span>待评价</span></div>
        <div class="swiper-slide" stateValue="8"><span>已取消</span></div>
    </div>
</div>
</div>

<div id="refreshContainer" class="mui-content mui-scroll-wrapper">
    <div class="mui-content">
        <div class="order_box">
            <!--order_big_box是按照订单-->
            <!--<div class="order_big_box">-->
                <!--order是按照每个店铺-->
                <!--<div class="order">-->
                    <!--<div class="shopName"><span>助利商城助利商城</span><span class="mui-icon mui-icon-arrowright"></span><span class="state">交易成功</span></div>-->

                    <!--&lt;!&ndash;detailBox是按照每个商品&ndash;&gt;-->
                    <!--<div class="detailBox mui-clearfix">-->
                        <!--<div class="order-img-box">-->
                            <!--<img src="../img/product1.jpg">-->
                        <!--</div>-->
                        <!--<div class="order-product-box">-->
                            <!--<p class="orderName">助利商城助利商城助利商城助利商城助利商城助利商城</p>-->
                            <!--<span class="guige">颜色:黄,版本:258G颜色:黄,版本:258G</span>-->
                            <!--<span class="price">￥6666<i>×6</i></span>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="total">-->
                        <!--<span class="total_price">小计： <i>¥ 3456.00</i></span>-->
                        <!--<span class="total_count">共1件商品</span>-->
                    <!--</div>-->
                    <!--<div class="handle_order">-->
                        <!--<a class="blue_handle">立即评价</a>-->
                        <!--<a class="gray_handle">删除订单</a>-->
                    <!--</div>-->
                    <!--<div class="line"></div>-->
                <!--</div>-->


                <!--<div class="order">-->
                    <!--<div class="shopName"><span>助利商城助利商城</span><span class="mui-icon mui-icon-arrowright"></span><span class="state">交易成功</span></div>-->
                    <!--<div class="detailBox mui-clearfix">-->
                        <!--<div class="order-img-box">-->
                            <!--<img src="../img/product1.jpg">-->
                        <!--</div>-->
                        <!--<div class="order-product-box">-->
                            <!--<p class="orderName">助利商城助利商城助利商城助利商城助利商城助利商城</p>-->
                            <!--<span class="guige">颜色:黄,版本:258G颜色:黄,版本:258G</span>-->
                            <!--<span class="price">￥6666<i>×6</i></span>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="detailBox mui-clearfix">-->
                        <!--<div class="order-img-box">-->
                            <!--<img src="../img/product1.jpg">-->
                        <!--</div>-->
                        <!--<div class="order-product-box">-->
                            <!--<p class="orderName">助利商城助利商城助利商城助利商城助利商城助利商城</p>-->
                            <!--<span class="guige">颜色:黄,版本:258G颜色:黄,版本:258G</span>-->
                            <!--<span class="price">￥6666<i>×6</i></span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="total">-->
                    <!--<span class="total_price">小计： <i>¥ 3456.00</i></span>-->
                    <!--<span class="total_count">共1件商品</span>-->
                <!--</div>-->
                <!--<div class="handle_order">-->
                    <!--<a class="blue_handle">立即评价</a>-->
                    <!--<a class="gray_handle">删除订单</a>-->
                <!--</div>-->
                <!--<div class="line"></div>-->
            <!--</div>-->


            <!--order_big_box是按照订单-->
            <!--<div class="order_big_box">-->
                <!--order是按照每个店铺-->
                <!--<div class="order">-->
                    <!--<div class="shopName"><span>助利商城助利商城</span><span class="mui-icon mui-icon-arrowright"></span><span class="state">交易成功</span></div>-->

                    <!--&lt;!&ndash;detailBox是按照每个商品&ndash;&gt;-->
                    <!--<div class="detailBox mui-clearfix">-->
                        <!--<div class="order-img-box">-->
                            <!--<img src="../img/product1.jpg">-->
                        <!--</div>-->
                        <!--<div class="order-product-box">-->
                            <!--<p class="orderName">助利商城助利商城助利商城助利商城助利商城助利商城</p>-->
                            <!--<span class="guige">颜色:黄,版本:258G颜色:黄,版本:258G</span>-->
                            <!--<span class="price">￥6666<i>×6</i></span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->


                <!--<div class="order">-->
                    <!--<div class="shopName"><span>助利商城助利商城</span><span class="mui-icon mui-icon-arrowright"></span><span class="state">交易成功</span></div>-->
                    <!--<div class="detailBox mui-clearfix">-->
                        <!--<div class="order-img-box">-->
                            <!--<img src="../img/product1.jpg">-->
                        <!--</div>-->
                        <!--<div class="order-product-box">-->
                            <!--<p class="orderName">助利商城助利商城助利商城助利商城助利商城助利商城</p>-->
                            <!--<span class="guige">颜色:黄,版本:258G颜色:黄,版本:258G</span>-->
                            <!--<span class="price">￥6666<i>×6</i></span>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="total">-->
                    <!--<span class="total_price">小计： <i>¥ 3456.00</i></span>-->
                    <!--<span class="total_count">共1件商品</span>-->
                <!--</div>-->
                <!--<div class="handle_order">-->
                    <!--<a class="blue_handle">立即评价</a>-->
                    <!--<a class="gray_handle">删除订单</a>-->
                <!--</div>-->
                <!--<div class="line"></div>-->
            <!--</div>-->

        </div>
    </div>
</div>

<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/userOrder_v2.js"></script>
</body>
</html>
